<template>
    <div class="sydh">
  <el-row type="flex" justify="space-between">
   <el-col v-for="(item,i) in sydh" :key="i"  :offset="(i!=0&&i!=5) ? 1 : 0"> 
   <el-image :src="item.img"> </el-image>
   <div>{{item.title}}</div>
   </el-col>
    </el-row>
      <el-row type="flex" justify="space-between">
   <el-col v-for="(item,i) in sydh2" :key="i"  :offset="(i!=0&&i!=5) ? 1 : 0"> 
   <el-image :src="item.img"> </el-image>
   <div>{{item.title}}</div>
   </el-col>
    </el-row>
    </div>
</template>
<script>
export default {
    data(){
        return{
            sydh:[
                {title:'美食',img:'/images/index/meishi.jpeg'},
                {title:'大牌惠吃',img:'/images/index/difangxiaochi.jpeg'},
                {title:'跑腿代购',img:'/images/index/paotuidaigou.jpeg'},
                {title:'汉堡披萨',img:'/images/index/pinzhitaocan.png'},
                {title:'甜品饮品',img:'/images/index/tianpinyinpin.jpeg'},
                ],
                sydh2:[
                {title:'速食简餐',img:'/images/index/sushijiancan.jpeg'},
                {title:'地方小吃',img:'/images/index/difangxiaochi.jpeg'},
                {title:'米粉面馆',img:'/images/index/mifenmianguan.jpeg'},
                {title:'包子粥店',img:'/images/index/baozizhoudian.jpeg'},
                {title:'炸鸡炸串',img:'/images/index/zhajizhachuan.jpeg'},
                ],
        }
    }
}
</script>
<style scope>
el-row{
    display: block;
}

</style>